<template>
    <div>
        <h1  id="box">这是App单文件组件</h1>
    </div>
</template>
<script>
    // 这里是用来处理vue组件的业务逻辑的
    export default {
        data(){
            return{//私有数据

            }
        },
        methods:{//处理函数

        }
    }
</script>

<style scoped>
/* // scoped防止样式冲突 */
h1{
    background-color: red;
}
</style>